<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if IE 7]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie8 oldie"> <![endif]-->
<!--[if IE 9]> <html xmlns="http://www.w3.org/1999/xhtml" class="9"> <![endif]-->
<!--[if gt IE 9]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie7 oldie"> <!--<![endif]-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Student Life : Homepage</title>
<!-- * styles * -->
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/style-menu.css" />
<link rel="stylesheet" type="text/css" href="css/flexslider.css" />
</head>

<body>
	<!-- * home template container  * -->
	<div class="inner-page clearfix">
    	<!-- * header  * -->
    	<div class="header clearfix">
        	<!-- * center container  * -->
        	<div class="wrapper clearfix">
            	<!-- * logo  * -->
            	<h1 class="logo">
                    <a href="home.html">
                        Student life Department 
                        <span></span>
                    </a>
            	</h1>
                
            	<a href="home.html" class="header-name"></a>
                <!-- * SEARCH  * -->
                <div class="search">
            		<input type="text" value="Search..." placeholder="Search..." />
                	<input type="submit" value="" />
            	</div>
            </div>
            <!-- * header  * -->
        </div>
        
        <!-- * navigation bar  * -->
        <div class="nav">
            <div class="wrapper clearfix">                                                        
                <ul class="dropdown">
                <li><a href="home.html">HOME</a></li>
                <li><a href="#">About Us</a>
                    <ul class="sub_menu">
                         <li><a href="about_us.html">About student life</a></li>
                         <li><a href="about_regulations.html">Regulations </a></li>                         
                    </ul>
                </li>
                <li><a href="#">student Clubs </a>
                    <ul class="sub_menu">
                         <li>
                         	<a href="#">Artistic Clubs</a>
                            <ul class="sub_menu">
                            	<li><a href="clubs_overview.html">Overview</a></li>
                            	<li><a href="clubs_overview.html">Regulations and policies</a></li>
                                <!--<li><a href="#">Club Agenda</a></li>-->
                                <li><a href="clubs_categories.html">Club Categories</a></li>
                                <li><a href="gallery.html">Club Gallery</a></li>
                            </ul>
                         </li>
                         <li>
                         	<a href="#">Social Clubs</a>
                            <ul class="sub_menu">
                            	<li><a href="clubs_overview.html">Overview</a></li>
                            	<li><a href="clubs_overview.html">Regulations and policies</a></li>
                                <!--<li><a href="#">Club Agenda</a></li>-->
                                <li><a href="clubs_categories.html">Club Categories</a></li>
                                <li><a href="gallery.html">Club Gallery</a></li>
                            </ul>
                         </li>
                         <li>
                         	<a href="#">Cultural Clubs </a>
                            <ul class="sub_menu">
                            	<li><a href="clubs_overview.html">Overview</a></li>
                            	<li><a href="clubs_overview.html">Regulations and policies</a></li>
                                <!--<li><a href="#">Club Agenda</a></li>-->
                                <li><a href="clubs_categories.html">Club Categories</a></li>
                                <li><a href="gallery.html">Club Gallery</a></li>
                            </ul>
                         </li>
                         <li>
                         	<a href="#">Athletic Clubs</a>
                            <ul class="sub_menu">
                            	<li><a href="clubs_overview.html">Overview</a></li>
                            	<li><a href="clubs_overview.html">Regulations and policies</a></li>
                                <!--<li><a href="#">Club Agenda</a></li>-->
                                <li><a href="clubs_categories.html">Club Categories</a></li>
                                <li><a href="gallery.html">Club Gallery</a></li>
                            </ul>
                         </li>
                         <li>
                         	<a href="#">Student Union </a>
                            <ul class="sub_menu">
                            	<li><a href="clubs_overview.html">Mission</a></li>
                            	<li><a href="clubs_overview.html">Vision</a></li>
                                <li><a href="clubs_overview.html">Regulations</a></li>
                                <li><a href="clubs_overview.html">Student Union structure</a></li>
                            </ul>
                         </li>
                    </ul>
                </li>
                <li><a href="calendar_table_view.html">calendar </a></li>
                <li><a href="news.html">News and Events </a></li>
                <li><a href="about_us.html">workshops</a></li>
                <li><a href="gallery.html">Gallery</a></li>
                <li><a href="contact_us.html">contact</a></li>            
            </ul>
            </div>
        </div>
        <!-- * inner  Content * -->
        <div class="wrapper inner-wrapper">
        	<!-- * innaer page main column * -->
            <div class="inner-main-column">
            	<div class="inner-banner">
                	<img src="images/banner_1.jpg" alt="" />
                </div>
                <div class="breadcrumb clearfix">
                	<ul>
                    	<li>
                        	<a href="#">
                            	<span class="home-icon"></span>
                                Home
                            </a>
                        </li>
                        <li>
                        	<a href="#">About student life </a>
                        </li>
                    </ul>
                </div>
                <div class="inner-content">
                	<h2>
                    	Student Clubs
                        <span class="page-actions">
                        	<a href="pdf/Identity.pdf" class="pdf"></a>
                        	<a href="print_preview.html" class="print"></a>
                            <a href="mailto:info@fue.edu.eg" class="mail"></a>
                        </span>
                    </h2>
                    
                    <div class="side-menu">
                    	
                        
                        <h4 class="active">
                        	<a href="javascript:void(0)">Artistic Clubs</a>
                            <ul>
                            	<li>
                               		<a href="clubs_overview.html">Overview</a> 
                                </li>
                                <li>
                               		<a href="clubs_overview.html">Regulations and policies</a> 
                                </li>
                                <!--<li>
                               		<a href="#">Club Agenda</a> 
                                </li>-->
                                <li class="current">
                               		<a href="clubs_categories.html">Club Categories</a> 
                                </li>
                                <li>
                               		<a href="gallery.html">Club Gallery</a> 
                                </li>
                                
                            </ul>
                            
                        </h4>
                        <h4><a href="clubs_overview.html">Social Clubs </a></h4>
                        <h4>
                        	<a href="clubs_overview.html">Cultural Clubs</a>
                            
                        </h4>
                        <h4><a href="clubs_overview.html">Athletic Clubs</a></h4>
                        <h4><a href="clubs_overview.html">Student Union</a></h4>
                  </div>
                  
                  	<div class="center-column">
                    	
                        <div class="dotted-block">
                        	<h3>Clubs Categories</h3>
                        	
                        	<p>
								To add further depth to their training, our students study the efficient use of computers material using modern teaching methods: 
                            </p>
                            <ul class="club-categories">
                            	<li class="clearfix">
                                	<a href="clubs_categories_details.html"><img src="images/club_categories_1.jpg"></a>
                                    <div class="category-details">
                                    	<h4>
                                        	<a href="clubs_categories_details.html">Black & White Club</a>
                                        </h4>
                                        <p>
                                        	To add further depth to their training, our students study the efficient familiar with the teaching methods.
                                        </p>
                                        <a href="clubs_categories_details.html" class="more">Read more</a>
                                    </div>
                                </li>
                                <li class="clearfix">
                                	<a href="clubs_categories_details.html"><img src="images/club_categories_2.jpg"></a>
                                    <div class="category-details">
                                    	<h4>
                                        	<a href="clubs_categories_details.html">Hand Craft Club</a>
                                        </h4>
                                        <p>
                                        	To add further depth to their training, our students study the efficient familiar with the teaching methods.
                                        </p>
                                        <a href="clubs_categories_details.html" class="more">Read more</a>
                                    </div>
                                </li>
                                <li class="clearfix">
                                	<a href="clubs_categories_details.html"><img src="images/club_categories_3.jpg"></a>
                                    <div class="category-details">
                                    	<h4>
                                        	<a href="clubs_categories_details.html">Magic Hands Club</a>
                                        </h4>
                                        <p>
                                        	To add further depth to their training, our students study the efficient familiar with the teaching methods.
                                        </p>
                                        <a href="clubs_categories_details.html" class="more">Read more</a>
                                    </div>
                                </li>
                                <li class="clearfix">
                                	<a href="clubs_categories_details.html"><img src="images/club_categories_4.jpg"></a>
                                    <div class="category-details">
                                    	<h4>
                                        	<a href="clubs_categories_details.html">Photographers Club</a>
                                        </h4>
                                        <p>
                                        	To add further depth to their training, our students study the efficient familiar with the teaching methods.
                                        </p>
                                        <a href="clubs_categories_details.html" class="more">Read more</a>
                                    </div>
                                </li>
                                <li class="clearfix">
                                	<a href="clubs_categories_details.html"><img src="images/club_categories_5.jpg"></a>
                                    <div class="category-details">
                                    	<h4>
                                        	<a href="clubs_categories_details.html">Portrait Club</a>
                                        </h4>
                                        <p>
                                        	To add further depth to their training, our students study the efficient familiar with the teaching methods.
                                        </p>
                                        <a href="clubs_categories_details.html" class="more">Read more</a>
                                    </div>
                                </li>
                            </ul>
                      </div>
                        
                        
                        
                        		
                    </div>
                </div>
                
            </div>
            <div class="inner-side-column">
            	<div class="social-media clearfix">
                	<a href="#" class="facebook"></a>
                    <a href="#" class="twitter"></a>
                    <span>Join the Social Media</span>
                </div>
                
                <div class="inner-side-panel clearfix">
                	<h3>
                    	Quick menu
                    </h3>
                	<ul class="quick-menu">
                    	<li class="clearfix">
                        	<a href="news.html">News and Events</a>
                        </li>
                        <li class="clearfix">
                        	<a href="calendar_table_view.html">Calendar</a>
                        </li>
                        <li class="clearfix">
                        	<a href="gallery.html">Gallery</a>
                        </li>
                        <li class="clearfix">
                        	<a href="about_us.html">Workshops</a>
                        </li>
                        <li class="clearfix">
                        	<a href="contact_us.html">Contact Us</a>
                        </li>
                    </ul>
                    <h3>Update ads</h3>
                    <div class="side-slider">
                    <ul class="slides">
                        <li>
                            <img src="images/side-slider_1.jpg" alt="" />
                            <p>
                            	<a href="#">The FUE</a> Recently published by Egypt both the Egypt's higher education system.
                            </p>
                            <a href="#" class="more">more</a>
                        </li>
                        <li>
                            <img src="images/side-slider_2.jpg" alt="" />
                            <p>
                            	<a href="#">The FUE</a> Recently published by Egypt both the Egypt's higher education system.
                            </p>
                            <a href="#" class="more">more</a>
                        </li>
                        <li>
                            <img src="images/side-slider_3.jpg" alt="" />
                            <p>
                            	<a href="#">The FUE</a> Recently published by Egypt both the Egypt's higher education system.
                            </p>
                            <a href="#" class="more">more</a>
                        </li>
                        <li>
                            <img src="images/side-slider_4.jpg" alt="" />
                            <p>
                            	<a href="#">The FUE</a> Recently published by Egypt both the Egypt's higher education system.
                            </p>
                            <a href="#" class="more">more</a>
                        </li>
                    </ul>
                </div>
                	<h3>news & events</h3>
                	<div class="latest-news clearfix">
                    	<p>
                        	<a href="#">The FUE </a>Recently published by Egypt Independent news, the article reflects both the Egypt's higher education
                        </p>
                        
                        <p>
                        	<a href=""> The FUE </a>Recently published by Egypt Independent news, the article reflects both the Egypt's higher education
                        </p>
                        <a href="#" class="more">more</a>
                    </div>
                    <h3>Videos</h3>
                    <div class="video-link">
                    <a href="#">
                    	<img src="images/videos.jpg" alt="">
                    </a>
                    </div>
                </div>
            </div>
            
            <!-- * footer * -->
            <div class="footer">
            	<div class="footer-list">
                	<div class="copyright">
                    	Copyright &copy; 2013 Future University in Egypt - Student Life Department
                    </div>
                    <ul>
                    	<li>
                        	<a href="home.html">
                            	Home
                            </a>
                        </li>
                        <li>
                        	<a href="about_us.html">
                            	About Us
                            </a>
                        </li>
                        <li>
                        	<a href="news.html">
                            	News & Events
                            </a>
                        </li>
                        <li>
                        	<a href="contact_us.html">
                            	Contact Us
                            </a>
                        </li>
                        
                    </ul>
                </div>
                <!-- will open university main website --> 
                <a href="#" class="footer-logo"></a>
            </div>
        </div>
        
    </div>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/jquery.dropdownPlain.js"></script>
    <script type="text/javascript" src="js/jquery.flexslider.js"></script>
    <script src="js/jquery.fancybox.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</body>
</html>
